<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>订单详情</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px';
    </script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/orderDetail.css">
</head>
<body>
    <header>
        <div class="head">
            <a href=""><i class="iconfont" style="margin-right:0.18rem;">&#xe636;</i><span>订单详情</span></a>
        </div>
    </header>
    <section>
        <div class="address">
            <div class="icon">
                <i class="iconfont">&#xe615;</i>
            </div>
            <div class="userAdd">
                <p>张三  15138900908</p>
                <p>河南省新乡市红旗区平原路某某小区北门</p>
            </div>
        </div>
        <div class="blank">
            <img src="../imgs/002.jpg" alt="">
        </div>
        <div class="userInfo">
            <p>业务员信息</p>
            <p>李四    123456789</p>
        </div>
        <div class="drink">
            <img src="../imgs/photo2.jpg" alt="">
            <div class="drinkText">
                <p>甜橙固体饮料</p>
                <p>
                    <span class="price">￥20</span>
                    <span style="color: #9a9a9a;">x10</span>
                </p>
            </div>
        </div>
        <div class="remarks">
            <p>订单备注</p>
            <p>申通快递，周一收货</p>
        </div>
        <div class="orderInfo">
            <p>订单信息</p>
            <p>订单编号：  12874634684345673513</p>
            <p>订单时间：  2018-12-32 18:54:56</p>
            <p>订单金额：  300.00</p>
        </div>
    </section>
</body>
</html>